<template>
  <div class="right-container">
    <h3>Right 组件</h3>
    <hr />
	
    <!-- 导入全局Count组件 -->
	<Mycount></Mycount>
	<!-- 导入props全局组件 -->
	<Myprops :init='9'></Myprops>
	
  </div>
</template>

<script>
export default {}
</script>

<!-- scoped:解决同名样式全局冲突的问题 -->
<style lang="less" scoped>
	.right-container {
	  padding: 0 20px 20px;
	  background-color: lightskyblue;
	  min-height: 250px;
	  flex: 1;
	}
	
	 h3{color: palegoldenrod}
	 
	 // 父组件里的样式设置不了子组件的样式
	  // /deep/:L样式穿透，让样式可以控制字组件
	 /deep/ h4{color:palegreen;}
	 
</style>
